<template>
	<view>
		<!-- 地图 -->
		<view style="width: 100%;height: 1300rpx;border: 1px solid red;">
			<map name="" style="width: 100%;height: 100%;"></map>

			<!-- 底部区域 -->
			<view class="washShopItem" v-model="washShopInfo">
				<view class="washShopInfo" style="float: left;">
					<view class="shoptitle" style="margin-bottom: 10rpx;">
						<text style="font-weight: bold;font-size: 32rpx;">{{washShopInfo.name}}</text>
					</view>

					<view class="shopaddress" style="font-size: 26rpx;">
						<text>{{washShopInfo.address}}</text>
					</view>
				</view>
				<!-- 门店图片 -->
				<view>
					<image src="../../../static/ditu.png"
						style="width: 80rpx; height: 80rpx; float: left;margin-left: 140rpx;margin-top: 15rpx;">
					</image>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				washShopInfo: {
					id: 1,
					name: "伟业汽车保养厂（人民路店）",
					distance: 44,
					star: 3,
					sales: 322,
					opentime: "周一至周五 09:00-22:00",
					address: "山阳区人民中路32号"
				},
			}
		},
		methods: {

		}
	}
</script>

<style>
	.washShopItem {
		width: 100%;
		height: 100rpx;
		background-color: white;
		position: fixed;
		bottom: 0rpx;
		padding-top: 30rpx;
		padding-bottom: 50rpx;
		padding-left: 40rpx;
		padding-right: 20rpx;
	}
</style>
